
<div style="POSITION: relative" id="content">
  <h3>使用easyUI创建Split Button</h3>
  <div id="article_content" class="article_content">
    <p><span style="font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size:14px; text-align:left">SplitButton 包含一个 linkbutton和一个menu.当用户点击或者鼠标悬停在向下箭头区域一个对应的菜单将显示,这个示例演示了如何创建和使用<span style="font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size:14px; text-align:left">splitbutton</span></span><br>
    </p>
    <p><span style="font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size:14px; text-align:left"><span style="font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size:14px; text-align:left"><img src="documentation/images/1344417224_8535.png" alt=""><br>
      </span></span></p>
    <p><span style="font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size:14px; text-align:left"><span style="font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size:14px; text-align:left"><span style="font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size:14px; text-align:left">我们创建一个
      splitbutton和一个linkbutton:</span><br>
      </span></span></p>
    <p><span style="font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size:14px; text-align:left"><span style="font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size:14px; text-align:left"><span style="font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size:14px; text-align:left"></span></span></span>
    <pre name="code" class="html">&lt;div style=&quot;border:1px solid #ccc;background:#fafafa;padding:5px;width:120px;&quot;&gt;  
    &lt;a href=&quot;#&quot; class=&quot;easyui-splitbutton&quot; menu=&quot;#mm&quot; iconCls=&quot;icon-edit&quot;&gt;Edit&lt;/a&gt;  
    &lt;a href=&quot;#&quot; class=&quot;easyui-linkbutton&quot; plain=&quot;true&quot; iconCls=&quot;icon-help&quot;&gt;&lt;/a&gt;  
&lt;/div&gt;  
&lt;div id=&quot;mm&quot; style=&quot;width:150px;&quot;&gt;  
    &lt;div iconCls=&quot;icon-undo&quot;&gt;Undo&lt;/div&gt;  
    &lt;div iconCls=&quot;icon-redo&quot;&gt;Redo&lt;/div&gt;  
    &lt;div class=&quot;menu-sep&quot;&gt;&lt;/div&gt;  
    &lt;div&gt;Cut&lt;/div&gt;  
    &lt;div&gt;Copy&lt;/div&gt;  
    &lt;div&gt;Paste&lt;/div&gt;  
    &lt;div class=&quot;menu-sep&quot;&gt;&lt;/div&gt;  
    &lt;div&gt;  
        &lt;span&gt;Open&lt;/span&gt;  
        &lt;div style=&quot;width:150px;&quot;&gt;  
            &lt;div&gt;Firefox&lt;/div&gt;  
            &lt;div&gt;Internet Explorer&lt;/div&gt;  
            &lt;div class=&quot;menu-sep&quot;&gt;&lt;/div&gt;  
            &lt;div&gt;Select Program...&lt;/div&gt;  
        &lt;/div&gt;  
    &lt;/div&gt;  
    &lt;div iconCls=&quot;icon-remove&quot;&gt;Delete&lt;/div&gt;  
    &lt;div&gt;Select All&lt;/div&gt;  
&lt;/div&gt;  </pre>
    我们不需要写任何的<span style="font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size:14px; text-align:left">javascript
    代码而且<span style="font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size:14px; text-align:left">splitbutton已经定义完成.</span></span><br>
    <br>
    </p>
  </div>
</div>
<SCRIPT type=text/javascript>
	dp.SyntaxHighlighter.ClipboardSwf = 'documentation/js/clipboard.swf'/*tpa=http://jeasyui.com/SyntaxHighlighter/Scripts/clipboard.swf*/;
	dp.SyntaxHighlighter.HighlightAll('code');
</SCRIPT>